@import url(elements.css);
@import url(objects.css);

/*-------------------------------
Tag Styles
-------------------------------*/

body {
	margin: 0px;
	background: #F1ECE6 url(../images/pageBG.jpg) repeat-x left top;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

input, textarea, select, legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

textarea {
	padding: 4px;
}

/*-------------------------------
Page Styles
-------------------------------*/

.imgFloatRight{
	float: right;
}

.imgFloatLeft{
	float: left;
}

.hidden {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

div.linkSkip a, div.linkSkip a:hover, div.linkSkip a:visited {
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}
  
div.linkSkip a:active, div.linkSkip a:focus {
	position:static; 
	width:auto; 
	height:auto; 
}


.pageContainer {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #F1ECE6 url(../images/mainContentBG.gif) repeat-y left top;
}

.headerContainer {
}

.portalHeader a:link, .portalHeader a:visited, .siteNavigation a:link, .siteNavigation a:visited, .menuLevel1 a:link, .menuLevel1 a:visited, .portalFooter a:link, .portalFooter a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.portalHeader a:hover, .portalHeader a:active, .siteNavigation a:hover, .siteNavigation a:active, .menuLevel1 a:hover, .menuLevel1 a:active, .portalFooter a:hover, .portalFooter a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.breadcrumb a:link, .breadcrumb a:visited, .menuLevel2 a:link, .menuLevel2 a:visited, .menuLevel3 a:link, .menuLevel3 a:visited, .footer a:link, .footer a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.breadcrumb a:hover, .breadcrumb a:active, .menuLevel2 a:hover, .menuLevel2 a:active, .menuLevel3 a:hover, .menuLevel3 a:active, .footer a:hover, .footer a:active {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

/*-------------------------------
Enterprise Branding and Navigation Component
-------------------------------*/

.portalHeader {
	height: 20px;
	padding: 2px 5px 2px 3px;
	margin: 0px;
	background: #003366;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FFFFFF;
}

/*-------------------------------
Entity Branding (Banner) Component
-------------------------------*/

.banner {
	height: 50px;
	width: 100%;
	background: transparent url(../images/bannerBG.jpg) repeat-x;
}

.bannerOff {
	background: #414E6E;
	padding: 1px 2px 1px 10px;
	border-bottom: 3px solid #FFFFFF;
}

.bannerOff p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF
}

.bannerImage {
	background: transparent url(../images/banner.jpg) no-repeat left top;
	width: 100%;
	height: 50px;
}

/*-------------------------------
Site Navigation Component
-------------------------------*/

.siteNavigation {
	padding: 2px 10px;
	margin: 0px;
	background: #414E6E;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
}

.siteNavigation div {
	display: inline;
	margin-right: 5px;
}

/*-------------------------------
Breadcrumb Navigation Component
-------------------------------*/

.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	padding: 2px 10px;
	margin: 0px;	
	background: #DFD7CA url(../images/leftContentCurve.jpg) no-repeat left top;
	text-align: left;
}

/*-------------------------------
Content Area Component
-------------------------------*/

/*------------
Content Navigation Component
------------*/

#contentNavigation {
	height: 100%;
	text-align: left;
	vertical-align: top;
	padding: 8px 0px 0px 0px;
}

.contentNavigation {
	width: 180px;
}

.stateLogo {
	margin: 0px 0px 0px 5px;
}

.menuContainer{
	margin: 2px 5px 10px 0px;
	padding: 5px 5px 5px 0px;
}

.menuLevel1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	background: #414E6E;
	padding: 2px 2px 2px 5px;
	margin: 5px 0px 5px 0px;
	width: 165px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

.menuLevel2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	background: #DFD7CA;
	padding: 2px 2px 2px 8px;
	margin: 3px 0px 3px 0px;
	width: 155px;
}

.menuLevel3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #000000;
	background: transparent url(../images/site_nav_bullet2.gif) no-repeat left top;
	padding: 2px 2px 2px 10px;
	margin: 2px 0px 2px 9px;
	width: 140px;
}

/*------------
Main Content Component
------------*/

#content {
	width: 100%;
	text-align: left;
	vertical-align: top;
	background: #F1ECE6;
}

#content p {
	padding: 2px 0px 2px 5px;
}

.contentContainer {
	padding: 5px 6px 4px 5px;
}

.contentHeader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #000000;
	padding: 5px 0px 5px 0px;
	background-image:  url(../images/mainContentH1BG.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.contentSectionHeader {
	background: #414E6E url(../images/mainContentH2BG.jpg) no-repeat left top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	padding: 5px 10px 2px 26px;
	margin: 0px;
	color: #FFFFFF;
}

.contentSection {
	background-color: #FFFFFF;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	margin: 0px 0px 10px 0px;
	border-top: 2px solid #414E6E;
	border-right: 2px solid #414E6E;
	border-bottom: 4px solid #414E6E;
	border-left: 2px solid #414E6E;
}

.contentContainer h1 {
	font-size: 110%;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

.contentContainer a:link, .contentContainer a:visited {
	color: #000000;
	text-decoration: underline;

}

.contentContainer a:hover, .contentContainer a:active {
	color: #FFAA4E;
	text-decoration: underline;
}

.contentContainer h3 {
	background: transparent url(../images/mainContentH3BG.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding: 1px 5px 0px 25px;
	margin: 5px 0px 0px 5px;
	color:#000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.contentContainer h4 {
	background: transparent url(../images/mainContentH3BG.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding: 1px 5px 0px 25px;
	margin: 4px 0px 0px 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #414E6E;
	color:#000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.contentContainer ul {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	list-style-position: outside;
	list-style-type: square;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 37px;
}

.contentContainer ol ul, .contentContainer ul ol, .contentContainer ol ol, .contentContainer ol ol ol, .contentContainer ul ul, .contentContainer ul ul ul {
	font-size: 100%;
}

.contentContainer ol {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	list-style-position: outside;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 44px;
}

.contentContainer li{
	padding: 1px 0px 1px 0px;
}

.contentContainer li a:link, .contentContainer li a:visited {
	color: #000000;
	text-decoration: underline;
}

.contentContainer li a:hover, .contentContainer li a:active {
	color: #E5A711;
	text-decoration: underline;
}

.requiredHidden {
	display: none;
}

/*------------
Relative Content Component
------------*/

.relativeContentFloat {

	padding: 0px;
	background-color: #F1ECE6;
	float: right;
	width: 150px;
	margin: 5px;
	border: 1px solid #667089;
}

.relativeContentFloat .header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background: #667089;
	text-transform: none;
	margin: 0px;
	padding: 3px 2px;
}

.relativeContentFloat .section {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 3px;
	background: #F1ECE6 url(../images/relativeContentBG.jpg) repeat-x right bottom;
}

/*-------------------------------
Entity Footer Component
-------------------------------*/

.footerContainer {
}

.footer {
	padding: 4px 5px;
	margin: 0px;
	background: #DFD7CA url(../images/leftContentCurve2.jpg) no-repeat left bottom;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
}

/*-------------------------------
Portal Footer Component
-------------------------------*/

.portalFooter {
	padding: 4px 5px;
	margin: 0px;
	background: #414E6E;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
}

.footerLinks {
	float: left;
}

.footerCopyright {
	text-align: right;
}

/*-------------------------------
@Print Styles
-------------------------------*/

@media print {

.contentNavigation, .portalHeader, .banner, .siteNavigation, .breadcrumb, #headerContainer, .footer, .portalFooter {
	visibility: hidden;
	display: none;
}
}